<!--
 * @Author: Shber
 * @Date: 2024-07-01 15:49:30
 * @LastEditors: Shber
 * @LastEditTime: 2024-07-03 17:35:48
 * @Description: 
-->
<template>
<view class="content">
  <view class="loc_item white_card">
    <text class="title mb_10">爱上龙虾北京顺义大仓</text>
    <view class="row mt_5"><text class="label">发件人：</text> <text>王老二</text></view>
    <view class="row"><text class="label">发件地址：</text> <text>北京市北京市顺义区空港街道千里马国际大厦千里马国际605</text></view>
    <view class="row"><text class="label">手机：</text> <text>17612344321</text></view>

    <view class="abs_btn" v-if="true">设为默认</view>
    <image class="icon_default" v-else mode="aspectFill" src="/static/img/default.png"></image>
  </view>
  <view class="loc_item white_card">
    <text class="title mb_10">爱上龙虾北京顺义大仓</text>
    <view class="row mt_5"><text class="label">发件人：</text> <text>王老二</text></view>
    <view class="row"><text class="label">发件地址：</text> <text>北京市北京市顺义区空港街道千里马国际大厦千里马国际605</text></view>
    <view class="row"><text class="label">手机：</text> <text>17612344321</text></view>

    <view class="abs_btn" v-if="false">设为默认</view>
    <image class="icon_default" v-else mode="aspectFill" src="/static/img/default.png"></image>
  </view>

  <tm-button class="mt_30" :shadow="0" block :round="2" label="新建发货地址"></tm-button>

</view>

</template>
<script setup>

</script>
<style lang="scss" scoped>
.content{padding: 10px}
.loc_item{
  margin-bottom: 10px;
  .title{font-size: 14px; font-weight: 500; color: #333;}
  .row{font-size: 12px; color: #666; padding: 3px 0; display: flex; .label{width: 65px; flex-shrink: 0; text-align: right;}}
  .abs_btn{position: absolute; top: 0; right: 0; z-index: 4; font-size: 12px; color: #2DAED6;}
  .abs_btn{position: absolute; top: 12.5px; right: 15px; z-index: 4; font-size: 12px; color: #2DAED6;}
  .icon_default{position: absolute; top: 0; right: -2px; z-index: 4;
    width: 34px; height: 34px; 
  }
}
.mt_30{margin-top: 30px !important;}
</style>